<template>
<div class="main-user">
    <div class="container">
                <div class="m-reg">
                    <div class="m-reg-title">欢迎您登录云课堂</div>
                    <div class="m-reg-tips"></div>
                    <form method="post" action="/?c=user&a=login&token=9b38cd101b41b5351db41b532640c8db">
                    <table class="m-reg-table">
                        <tr>
                            <th>用户名</th>
                            <td><input type="text" name="name" placeholder="请输入用户名" required></td>
                        </tr>
                        <tr>
                            <th>密 码</th>
                            <td><input type="password" name="password" placeholder="请输入密码" required></td>
                        </tr>
                        <tr>
                            <th>验证码</th>
                            <td><input type="text" name="captcha" placeholder="请输入验证码" required class="m-reg-short"></td>
                        </tr>
                        <tr class="m-reg-captcha">
                            <th></th>
                            <td><img src="public/home/captcha/captcha.png" id="captcha"></td>
                        </tr>
                        <tr class="m-reg-act">
                            <th></th>
                            <td><input type="submit" value="立即登录">
                                <span>没有账号？
                                    <a href="/?c=user&a=register">立即注册</a>
                                </span>
                            </td>
                        </tr>
                    </table>
                    </form>
            </div>
    </div>
</div>
</template>
  
<script>


export default {
    name: 'Login',
    components: {
    }
}
</script>
  
<style>
/*用户注册登录*/
.main-user .m-reg{width:1000px;background:url(@/assets/images/user_reg_bg.jpg) no-repeat 500px 20px;margin:0 auto;padding-bottom:40px;padding-top:40px;}
.main-user .m-reg-title{font-size:18px;margin-bottom:20px;}
.main-user .m-reg-table{border-collapse:collapse;color:#666;}
.main-user .m-reg-table td{height:50px;}
.main-user .m-reg-table th{text-align:right;font-weight:normal;font-size:14px;padding-right:10px;}
.main-user .m-reg-table td input[type=text]{background:#fefefe;border:1px solid #a0a0a0;padding:6px;width:290px;color:#666;}
.main-user .m-reg-table td input[type=password]{background:#fefefe;border:1px solid #a0a0a0;padding:6px;width:290px;color:#666;}
.main-user .m-reg-table td input.m-reg-short{width:160px;}
.main-user .m-reg-captcha td{height:67px;}
.main-user .m-reg-captcha td img{cursor:pointer;}
.main-user .m-reg-terms{color:#333;font-size:12px;font-family:'simsun';}
.main-user .m-reg-terms td{height:35px;}
.main-user .m-reg-terms input[type=checkbox]{width:14px;height:14px;vertical-align:middle;margin-top:-2px;}
.main-user .m-reg-terms a{margin-left:5px;color:#1066A4;}
.main-user .m-reg-terms a:hover{color:#2E93DB;}
.main-user .m-reg-act input[type=submit]{display:block;height:34px;line-height:30px;border-radius:3px;color:#fff;background:#1066A4;border:1px solid #0D5D95;font-weight:100;font-family:'microsoft YaHei';font-size:16px;padding:0 55px;cursor:pointer;float:left;}
.main-user .m-reg-act input[type=submit]:hover{background:#2E93DB;border-color:#2E93DB;}
.main-user .m-reg-act span{margin-left:15px;margin-top:10px;display:block;float:left;color:#333;font-family:'simsun';}
.main-user .m-reg-act a{color:#1066A4;}
.main-user .m-reg-act a:hover{color:#2E93DB;}
.main-user .m-reg-tips div{color:#1066A4;font-size:14px;margin-bottom:10px;margin-left:10px;}
.main-user .m-reg-tips .error{color:#f00;}
</style>
  